<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    
</body>
<script>
    
    // 需求：有三个数据接口，需要在请求a成功后，再去请求b，成功后，再起请求c


    // 纯异步
    // request("a").then(res=>{
    //     console.log(res)
    // })
    // request("b").then(res=>{
    //     console.log(res)
    // })
    // request("c").then(res=>{
    //     console.log(res)
    // })
        
    // 利用Promise将多个异步，转化为同步
    // 发起a请求
    request("a").then(res=>{
        console.log(res)
        // 发起b请求
        return request("b");
    }).then(res=>{
        console.log(res);
        // 发起c请求
        return request("c");
    }).then(res=>{
        console.log(res);
    })

    function request(url){
        return new Promise((resolve, reject)=>{
            setTimeout(() => {
                resolve(url + "请求成功后的数据");
            }, Math.random()*1000);
        })
    }



</script>
</html>